<template>
    <div>
<van-card
v-for="item in 4"
  num="2"
  price="2.00"
  desc="描述信息"
  title="商品标题"
  thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
>
  <template #thumb>
    <div style="width: 110px;display: flex;justify-content: space-around;">
        <van-checkbox v-model="checked"></van-checkbox>
<van-image
  width="80"
  height="80"
  src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
/>

    </div>
    <van-submit-bar :price="3050" button-text="去结算" @submit="onSubmit" style="margin-bottom: 50px;">
  <van-checkbox v-model="checked">全选</van-checkbox>
  <template #tip>
    你的收货地址不支持配送, <span @click="onClickLink">修改地址</span>
  </template>
</van-submit-bar>

  </template>
  <template #title>
    <div style="margin-left: 20px;">标题</div>
  </template>
  <template #price>
    <div style="margin-left:15px;color: red;">$1699</div>
  </template>
  <template #num>
    <div><van-stepper v-model="value" />
</div>
  </template>
</van-card>

    </div>
</template>

<script setup>
import {useRouter} from 'vue-router'
const router=new useRouter()
const onSubmit=()=>{
    router.push('/home/order')
}
</script>

<style lang="scss" scoped>

</style>